<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<script>
function crearDb(){
	customConfirmation("Realmente desea recrear la base de datos", function(){
		$.getJSON("createDb", function(json) {
				alert("OK");
		    });
		}, function(){ });
}

function exportarDb(){
	customConfirmation("Realmente desea exportar la base de datos", function(){
		location.href='exportDb';
	}, function(){ });
}
function importarDb(){
	$("#importDialog").dialog("open");
}

$(function() {	
	$("button, input:submit").button();
	$("#nav > li").removeClass("current");
	//$("#nav_ingresos").addClass("current");
	//$(".dataTables_filter").hide();
	
	
	$.getJSON("getDbStatus", function (json) {
		var okImg = '<img src="<c:url value="/resources/img/notification-tick.gif"/>" width="16" height="16" >';
		var failImg = '<img src="<c:url value="/resources/img/notification-slash.gif"/>" width="16" height="16" >';
		var title = " Estado de la base de datos";
		var status_title = "";
		var html = "";
		if (json.status) {
			status_title = okImg + title;
		} else {
			status_title = failImg + title;
		}
		
		html = json.mensaje;
		if((json.DATABASES+'') != 'undefined'){
			html += '<H4>Lista de bases encontradas:</H4><div id="databases"><ul>';
			$.each(json.DATABASES, function(key, value) { 
				html += '<li>'+value+'</li>'; 
			});
			html += '<ul></div>';
		}
		
		var html2 = '';
		if((json.TABLAS+'') != 'undefined'){
			html2 += '<h4>Configured DB: ' + json.DBNAME + '</h4>';
			html2 += '<b>Tablas: </b><br/>';
			html2 += '<div id="table"><ul>';
			$.each(json.TABLAS, function(key, value) { 
				html2 += '<li>'+value+'</li>'; 
			});
			html2 += '</ul></div>';
		}
		
		$("#dbstatusA").html(html);
		$("#dbstatusB").html(html2);
		
		$("#status_img").html(status_title);
	});
	
	$("#importDialog").dialog({
		autoOpen: false,
		height: 160,
		width: 350,
		modal: true,
		buttons: {
			"Cancelar": function() {
				$( this ).dialog("close");
			}
		}
	});
});
</script>
<div class="grid_5">
	<div class="module">
	<h2><span id="status_img"></span></h2>
	    <div class="module-body">
	    	<div style="float:left; width:50%">
				<p id="dbstatusA">Chauuu</p>
			</div>
			<div style="float: right; width:50%">
				<p id="dbstatusB">Hola </p>
			</div>
			<p id="dbstatus"></p>
		</div>
	</div>
	<div style="clear:both;"></div>
</div>
<div class="grid_3">
	<div class="module">
	<h2><span>Recrear base de datos</span></h2>
	    <div class="module-body">
	    	<p>Si la base de datos no existe puede recrearla precionando el boton "Recrear". Para que los cambios tengan efecto puede ser requerido re iniciar el servidor (Tomcat)</p>
			<button onclick="crearDb()">Recrear</button>
		</div>		
	</div>
	<div style="clear:both;"></div>
</div>
<div class="grid_4">
	<div class="module">
	<h2><span>Administracion de datos (exportar/inportar)</span></h2>
	    <div class="module-body">
			<p>Para exportar o importar es requerido que el estado de la base de datos se correcto de otra manera estas operaciones fallaran.</p>
			<button onclick="importarDb()">Importar</button><button onclick="exportarDb()">Exportar</button>
		</div>		
	</div>
	<div style="clear:both;"></div>
</div>

<div id="importDialog" title="Upload archivo">
	<form:form modelAttribute="uploadItem" name="frm" method="post" enctype="multipart/form-data">
		<input name="fileData" id="image" type="file" class="text ui-widget-content ui-corner-all" />
		<input type="submit" value="Upload" />
	</form:form>
</div>
